<div>
  <div ng-if="!ctrl.error">
    <h3 class="mar-top-none">
      Binding for the following has been deleted:
    </h3>

    <div
      ng-if="ctrl.unboundApps | size"
      ng-repeat="appForBinding in ctrl.unboundApps track by (appForBinding | uid)">
      {{appForBinding.metadata.name}} <small class="text-muted">&ndash; {{ appForBinding.kind | humanizeKind : true}}</small>
    </div>
    <div ng-if="!(ctrl.unboundApps | size)">
      {{ctrl.selectedBinding.metadata.name}}
    </div>

    <!-- Only show the redeploy pods message if previously bound to an app. -->
    <p ng-if="ctrl.unboundApps | size" class="mar-top-lg">
      <span class="pficon pficon-info" aria-hidden="true"></span>
      You will need to redeploy your pods for this to take effect.
    </p>
  </div>
  <div ng-if="ctrl.error">
    <div class="title">Deletion of Binding Failed <span class="fa fa-times text-danger"></span></div>
    <div class="sub-title">
      <span ng-if="ctrl.error.data.message">
        {{ctrl.error.data.message | upperFirst}}
      </span>
      <span ng-if="!ctrl.error.data.message">
        An error occurred deleting the binding.
      </span>
    </div>
  </div>
</div>
